<seed-content>
  <seed-toolbar-header>
    <seed-toolbar-title>能力成长记录</seed-toolbar-title>
    <seed-toolbar-menu></seed-toolbar-menu>
  </seed-toolbar-header>

  <seed-default-graph *ngIf="abilityRecordList.length === 0"></seed-default-graph>
  <div class="ability-record-wrap" *ngIf="abilityRecordList.length > 0">
    <div class="train-title">
      <div class="title-text">最新积分变化</div>
      <div class="title-demand" [routerLink]="['/train/parent/ability-value-explain']">能力值解释</div>
    </div>
    <ul class="score-detail-list">
      <li class="score-detail-item border-bottom-scaleY">
        <div class="score-item-left">重点维度</div>
        <div class="score-item-center seed-flexbox-item">能力值变化类目</div>
        <div class="score-item-right">日期&能力值变化</div>
      </li>
      <li class="score-detail-item border-bottom-scaleY reboot-padding"
          *ngFor="let item of abilityRecordList; let i=index">
        <div class="score-item-left drop_down" (click)="showNameDes(i)">
          {{item?.testModeName}}
          <div class="name-des"
               *ngIf="showDes && i===desIndex">
            {{item?.testModeNameDesc || '暂无描述'}}
          </div>
        </div>
        <div *ngIf="item?.testMethodName&&item?.testScoreLevel" class="score-item-center seed-flexbox-item"
             [routerLink]="['/train/parent/ability-change', studentId, item?.testModeId||0]"
             [queryParams]="{testModeName: item?.testModeName}">
          {{item?.testMethodName}}取得{{item?.testScoreLevel}}评级
        </div>
        <div *ngIf="false">{{item.testModeNameDesc}}</div>
        <div class="score-item-right" *ngIf="item?.testScore"
             [routerLink]="['/train/parent/ability-change', studentId, item?.testModeId||0]"
             [queryParams]="{testModeName: item?.testModeName}">
          <p>{{item?.testDate | date: "yyyy-MM-dd"}}</p>
          <P>{{item?.testAbilityScore>0?'+':''}}{{item?.testAbilityScore}}分</P>
        </div>
        <div class="score-item-right" *ngIf="!item?.testScore">无变化</div>
      </li>
      <!--<li class="score-detail-item border-bottom-scaleY reboot-padding">-->
      <!--<div class="score-item-left ultima-color">控球能力</div>-->
      <!--<div class="score-item-center seed-flexbox-item" [routerLink]="['/train/parent/ability-change/28536/1']">-->
      <!--边线8次折返取得啊发斯蒂芬-->
      <!--</div>-->
      <!--<div class="score-item-right" [routerLink]="['/train/parent/ability-change']">无变化</div>-->
      <!--</li>-->
    </ul>
  </div>
</seed-content>
